<template>
  <div>
    颜色
    <input v-model.number="a" type="text">
    <input v-model.number="b" type="text">
    <input v-model.number="c" type="text">
    <div class="sisui" :style="{backgroundColor:`rgb(${a},${b},${c})`}">
      {{ `rgb(${a},${b},${c})` }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: '255',
      b: '255',
      c: '255'
    }
  }
}
</script>

<style scoped>
.sisui{
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}
</style>
